﻿html, body { height: 100%; width: 100%; overflow: hidden; }
html { font-size: 100px; }
section { background: white; position: absolute; left: 0; top: 22px; bottom: 0; right: 0; z-index: 0; display: none; }
section.fullscreen { top: 0; }

body { font-size: 0.32rem; background-color: black; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, th, td, button, a, menu { padding: 0; margin: 0; list-style: none; font-family: '微软雅黑',Arial,Helvetica,sans-serif; text-indent: 0px; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; user-select: none; word-break: break-all; word-wrap: break-word; }
i, b { font-weight: normal; font-style: normal; }
h1, h2, h3, h4, h5, h6, th, strong { font-size: 100%; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
cite, em { font-style: normal; }
img, button { border: 0px none; }
a { text-decoration: none; cursor: pointer; }
button { cursor: pointer; background: none; vertical-align: middle; overflow: visible; }
input, button, select, textarea { outline: none; border-radius: 0.03rem; vertical-align: middle; }
textarea { resize: none; }
td.vtop, table.vtop td { vertical-align: top; }

input[type=number] { -moz-appearance: textfield; -webkit-appearance: textfield; }
select { -moz-appearance: textfield; -webkit-appearance: textfield; }

.load { background: url(../img/ajax.gif) no-repeat center 0.2rem; }

section.footer { z-index: 2; }
section > header { width: 100%; background: #007aff; height: 0.96rem; border-bottom: solid 1px #007aff; overflow: hidden; position: absolute; left: 0; right: 0; z-index: 1; }
section > header h1 { color: white; text-align: center; line-height: 0.96rem; font-size: 1.2em; margin-left: 0.96rem; margin-right: 0.96rem; }

section > header a { position: absolute; top: 0; color: #333; width: 0.96rem; height: 0.96rem; line-height: 0.96rem; font-size: 1.20em; text-align: center; }
section > header .left { left: 0; background-size: 0.21rem 0.32rem; color: #FFF; }
section > header .right { right: 0; width: 1.2rem; }
section > header.icon img { width: 0.5rem; height: 0.5rem; line-height: normal; margin: 0.25rem; overflow: hidden; }
.hisback { }



article { position: absolute; top: 0.96rem; bottom: 0.96rem; left: 0; right: 0; overflow: auto; background: #f0eff4;}
article table { width: 100%; }
/*消息*/
.search{width:100%;height: 0.95rem;text-align: center;position: relative;}
.search a{width:88%;height: 0.55rem;position: absolute;left:0.3rem;top:0.2rem; }
.search img{width: 100%;height: 100%;}
#xiaoxi ul li{width: 100%;height: 1.1rem; margin: 0.01rem 0;position: relative;padding:0.05rem 0;}
#xiaoxi ul  a{width:67%;position: absolute;left: 1.25rem;display: block;height: 1.1rem;color:  #7f7e7e;}
#xiaoxi a h1{height:0.55rem;font-size: 0.3rem;font-weight: 500;line-height: 0.55rem;float:left;width: 100%;color: #151515;}
#xiaoxi  p{height: 0.55rem;font-size: 0.28rem;font-weight: 100;line-height: 0.55rem;float:left;width: 100%;}
#xiaoxi  span{width: 14%;height:0.55rem;line-height: 0.55rem;text-align: center;display: block;position: absolute;right:0;}
#xiaoxi  h2{width: 14%;height: 0.55rem;position: absolute;right:0;top:0.55rem;}
#xiaoxi b{display: block;width: 0.4rem;height: 0.4rem;background: #e60012;border-radius: 50%;margin: 0.1rem 0 0 0.3rem;color: #fff;text-align: center;}
#xiaoxi li:nth-child(1){background: #fff url(../img/xiaoxi/xiaoxi1.png) no-repeat 0.25rem 0.25rem/0.68rem 0.68rem ;}
#xiaoxi li:nth-child(2){background: #fff url(../img/xiaoxi/xiaoxi2.png) no-repeat 0.25rem 0.25rem/0.68rem 0.68rem ;}
#xiaoxi li:nth-child(3){background: #fff url(../img/xiaoxi/xiaoxi3.png) no-repeat 0.25rem 0.25rem/0.68rem 0.68rem ;}
#xiaoxi li:nth-child(4){background: #fff url(../img/xiaoxi/xiaoxi4.png) no-repeat 0.25rem 0.25rem/0.68rem 0.68rem ;}
#xiaoxi li:nth-child(5){background: #fff url(../img/xiaoxi/xiaoxi5.png) no-repeat 0.25rem 0.25rem/0.68rem 0.68rem ;}
#xiaoxi li:nth-child(6){background: #fff url(../img/xiaoxi/xiaoxi5.png) no-repeat 0.25rem 0.25rem/0.68rem 0.68rem ;}
/*通讯录*/
.zzjg{height: 0.84rem;width:50%;position: absolute;top: 0.95rem;border-bottom: 0.02rem solid #c6c2c2;background:#fff;font-size: 0.28rem;text-align: center;line-height: 0.84rem;color:#040404;}
.zzjg:nth-child(3){left:50%;}
#tongxunlu .active{border-bottom:0.02rem solid #048ae9;color:#048ae9;}
#zuzhijiagou{padding-top: 0.84rem;}
#zuzhijiagou>li{width: 100%;margin: 0.01rem 0;}
.anxia{background: #fff url('../img/xialas.png') no-repeat 0.2rem 0.35rem/0.27rem 0.19rem;}
.shouqi{background: #fff url('../img/xiala.png') no-repeat 0.3rem 0.3rem/0.19rem 0.27rem;}
#zuzhijiagou div{height: 0.85rem;border-bottom: 0.01rem solid #c6c2c2;}
#zuzhijiagou h1{width: 70%;height: 0.85rem;line-height: 0.85rem;font-weight:400;font-size: 0.28rem;color:#424242;margin-left:9%;float: left;}
#zuzhijiagou span{display: block;height: 0.85rem;float:right;text-align: center;line-height: 0.85rem;color: #c6c2c2;}
#zuzhijiagou ol {width: 100%;background: #fff;display: none;}
#zuzhijiagou ol li{width: 93%;height:0.6rem;position: relative;left: 6.7%;border-bottom: 0.01rem solid #d5d5d5;padding: 0.1rem 0;}
#zuzhijiagou img{width: 0.55rem;height: 0.55rem;}
#zuzhijiagou h2{width: 50%;height: 0.3rem;position: absolute;top:0.1rem;left: 13%;font-size: 0.24rem;olor:#040404;}
#zuzhijiagou p{width: 50%;height: 0.3rem;position: absolute;top:0.4rem;left: 13%;font-size: 0.2rem;color:#605c5c;}
#zuzhijiagou ol li a:nth-child(4){width: 12%;height: 0.6rem;position: absolute;left: 68%;background: url("../img/tongxunlu/duanxin.png") no-repeat 0.15rem 0.15rem/0.36rem 0.3rem;}
#zuzhijiagou ol li a:nth-child(5){width: 15%;height: 0.6rem;position: absolute;left: 80%;background: url("../img/tongxunlu/dianhua.png") no-repeat 0.25rem 0.15rem/0.36rem 0.35rem;}

/*工作台*/
#gongzuotai li{width:33%;height: 2.5rem;float: left;background: #fff;margin: 0.01rem;}
#gongzuotai a{width: 100%;height: 100%;display: block;text-align: center;}
#gongzuotai img{  float: left;height: 60%;margin: 10% 20%;width: 60%;}
#gongzuotai span{width: 100%;height: 0.5rem;display: block;float:left;line-height: 0.5rem;font-size: 0.26rem;color:#040404;}

/*我的*/
#myapp div{width: 100%;height: 4.08rem;background: url("../img/myapp/banner.jpg") no-repeat center/100% 100%;opacity: 0.5;}
#myapp img{position: absolute;top:0.6rem;left: 50%;margin-left: -1.01rem;width: 2.03rem;height: 2.03rem;}
#myapp h2{position: absolute;top:2.9rem;width:100%;text-align: center;height:0.5rem;line-height: 0.5rem; font-size: 0.28rem;color:#151515;font-weight: 400;}
#myapp h3{position: absolute;top:3.4rem;width:100%;text-align: center;height:0.5rem;line-height: 0.5rem;font-size: 0.28rem;color:#151515;font-weight: 400;}
#myapp ul{width:75%;height: 4.15rem;position: absolute;top:4.5rem;background: #fff;margin: 0 0.25rem;padding:0 0.5rem;overflow: hidden;}
#myapp li{width: 100%;height: 0.82rem;border-bottom:0.01rem solid #d7d5d5;text-indent:0.6rem;line-height: 0.82rem;color: #151414;}
#myapp li:nth-child(1){background:url("../img/myapp/myapp1.png") no-repeat 0 center/0.5rem 0.5rem;}
#myapp li:nth-child(2){background:url("../img/myapp/myapp2.png") no-repeat 0 center/0.5rem 0.5rem;}
#myapp li:nth-child(3){background:url("../img/myapp/myapp3.png") no-repeat 0 center/0.5rem 0.5rem;}
#myapp li:nth-child(4){background:url("../img/myapp/myapp4.png") no-repeat 0 center/0.5rem 0.5rem;}
#myapp li:nth-child(5){background:url("../img/myapp/myapp5.png") no-repeat 0 center/0.5rem 0.5rem;}
#myapp span{width:10%;height: 0.82rem;float:right;background: url("../img/myapp/tuozhan.png") no-repeat center/0.2rem;}

/*搜索*/
#search input{width: 90%;height: 0.54rem;position: absolute;top: 0.15rem;left: 50%;margin-left: -45%;border: 0.01rem solid #fff;border-radius: 0.5rem;font-size: 0.28rem;line-height: 0.54rem;text-indent: 0.4rem;}
#search a{background: url("../img/fanhui.png") no-repeat center/0.18rem;}
#search span{height: 0.96rem;position: absolute;top: 0;width: 0.96rem;right: 0;background: url("../img/jiahao.png") no-repeat center/0.36rem;}







footer { display: -webkit-box; display: -webkit-flex; display: flex; height: 0.98rem; position: absolute; bottom: 0px; width: 100%; background: #fff; overflow: hidden; z-index: 1; border-top: solid 1px #6C6C6C; }
footer > a { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: block; text-align: center; background: transparent url(../img/menu/m1.png) no-repeat center 0.15rem; background-size: 0.4rem auto; line-height: 0.44rem; font-size: 0.2rem; color: #757575; padding-top: 0.55rem; }
footer > a:nth-child(1) {}
footer > a:nth-child(2) { background-image: url(../img/menu/m2.png); }
footer > a:nth-child(3) { background-image: url(../img/menu/m3.png); }
footer > a:nth-child(4) { background-image: url(../img/menu/m4.png); }

footer > a.active { color: #048ae9; }
footer > a:nth-child(1).active { background-image: url(../img/menu/m1s.png); }
footer > a:nth-child(2).active { background-image: url(../img/menu/m2s.png); }
footer > a:nth-child(3).active { background-image: url(../img/menu/m3s.png); }
footer > a:nth-child(4).active { background-image: url(../img/menu/m4s.png); }

footer > ul { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; }
footer > ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; text-align: center; color: black; line-height: 0.96rem; }
footer > ul li.active, footer ul li a.active { background: #0f9e2c; }

footer.tabbar { display: block; background: #f5f5f5; }
footer.tabbar li { color: #333; border-left: solid 1px #b4b4b4; }
footer.tabbar li:first-child { border: none; }
footer.tabbar li:checked { background: white; }

section.noheader article { top: 0; }
section.nofooter { z-index: 2; }
section.nofooter article { bottom: 0; }

/*多列样式*/
.item { border: 1px solid #dedfe0; border-left: none; border-right: none; }
.item li { border-bottom: 1px solid #dedfe0; padding: 0.2rem 0; min-height: 0.16rem; }
.item.pos20 li { padding-left: 0.2rem; }
.item li:last-child { border: none; }
.item li > a { color: gray; display: block; }
.item li > a span { float: right; }
.item li > a span img { width: 40px; height: 40px; position: relative; top: -0.15rem; border-radius: 50%; }
.item.black li > a { color: black; display: block; }
.item.arrowr li, .item li.arrowr { background: url(../img/icon/arrowr.gif) no-repeat right center; margin-right: 0.2rem; display: block; }
.item.arrowr li > a span { margin-right: 0.26rem; }
.item li.noarrowr { background: none; }
.item.icon li > a img { vertical-align: middle; padding-right: 0.05rem; }
.item.pos15 li label { margin-left: 0.15rem; }

.flex li { display: -webkit-box; display: -webkit-flex; display: flex; }
.flex li > a { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; }
.flex li > label { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; width: 0.6rem; flex: 0 0 0.6rem; }
.flex.icon li > label { text-align: center; }
.flex.icon.radius li > label img { border-radius: 50%; }
.flex.icon li > label img { vertical-align: middle; width: 0.32rem; }
.flex.right li > label + a { text-align: right; margin-right: 0.2rem; }
.flex.right li > label + a.arrowr, .flex.right.arrowr li > label + a { padding-right: 0.3rem; }

/*标签*/
menu { display: -webkit-box; display: -webkit-flex; display: flex; border-bottom: solid 1px #b4b4b4; width: 100%; background: #f7f7f7; overflow: hidden; background-color: white; }
menu > a { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: block; text-align: center; background: white; line-height: 0.73rem; font-size: 0.24rem; color: #757575; border-left: solid 1px #b4b4b4; }
menu > a:first-child { border: none; }

section > menu { position: absolute; top: 0.97rem; }
menu + article { top: 1.7rem; }


/*上下滑动选择*/
.slideselect { width: 6.7rem; background: #f4f4f4; overflow: hidden; position: fixed; top: 2.7rem; left: 50%; margin-left: -3.35rem; z-index: 3; display: none; }
.slideselect p { border-bottom: solid 0.04rem #69c4ed; height: 0.6rem; font-size: 0.32rem; padding-top: 0.26rem; padding-left: 0.2rem; }
.slideselect button { color: #faab34; font-size: 0.32rem; float: right; margin-right: 0.32rem; margin-top: -0.06rem; }
.slideselect table, .slideselect div { height: 5rem; overflow: hidden; position: relative; }
.slideselect div ul { width: 1.34rem; margin: 0 auto; }
.slideselect div li, .selectmask li { line-height: 0.99rem; height: 0.99rem; text-align: center; text-align: center; border-bottom: solid 1px #69c4ed; }
.selectmask { position: absolute; top: 0; left: 50%; bottom: 0; margin-left: -0.67rem !important; }
.selectmask li { border: none !important; background: #f4f4f4; opacity: 0; }
.selectmask li:nth-child(1), .selectmask li:nth-child(5) { border: none; opacity: 0.6; }
.selectmask li:nth-child(2), .selectmask li:nth-child(4) { border: none; opacity: 0.3; }

.slideselect div { padding: 0 0.40rem; padding-right: 0.35rem; }
.slideselect .selectmask { left: 0.4rem; margin-left: 0 !important; }
.slideselect table div ul { width: 1.2rem; }
.slideselect table div#selectyear ul { width: 1.8rem; }

/*遮罩层*/
#masklayer { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; background-color: black; opacity: 0.5; display: none; }

/*对话框*/
.dialogbox { width: 6rem; border: solid 1px gray; border-radius: 5px; position: fixed; left: 50%; margin-left: -3rem; top: 50%; margin-top: -2rem; background: white; display: none; z-index: 11; }
.dialogbox > header { border-bottom: solid 1px gray; padding: 0 0.1rem; height: 0.75rem; line-height: 0.75rem; }
.dialogbox > header span { position: absolute; right: 0.1rem; top: 0.1rem; width: 0.4rem; height: 0.4rem; cursor: pointer; line-height: 0.4rem; border: solid 1px gray; border-radius: 50%; color: gray; text-align: center; overflow: hidden; }
.dialogbox > content { margin: 0.1rem; margin-right: 0; overflow: hidden; overflow-y: scroll; display: block; }
.dialogbox > div { height: 0.75rem; line-height: 0.68rem; text-align: center; border-top: solid 1px gray; }
.dialogbox > div > button { background-color: cadetblue; color: white; border-radius: 5px; padding: 4px 8px; font-weight: bold; }


/*滑动条*/
.slider { width: 2rem; height: 5px; position: relative; }
.slider > div { width: 100%; height: 0.15rem; border: solid 1px gray; border-radius: 5px; }
.slider > span { position: absolute; font-size: 0.22rem; padding: 0.03rem 0.01rem; text-align: center; min-height: 0.4rem; min-width: 0.4rem; border-radius: 3px; top: 50%; margin-top: -0.2rem; background: gray; color: white; line-height: 0.4rem; }

/*选择图片上传列表*/
.photolist { text-align: left; }
.photolist li { display: inline-block; vertical-align: middle; width: 2.24rem; height: 2.24rem; line-height: 2.24rem; overflow: hidden; position: relative; margin: 0.06rem; border-radius: 3px; border: solid 1px #efefef; }
.photolist li.nobor { border: none; }
.photolist li input + label { position: absolute; right: 0.12rem; top: 0.12rem; height: 0.28rem; width: 0.28rem; border-radius: 50%; overflow: hidden; border: solid 1px #f6b249; }
.photolist li img { width: 100%; vertical-align: middle; }
.photolist li input { display: none; }
.photolist li input:checked + label { background: url(../img/seled.png) no-repeat center center; background-size: 0.21rem; }

/*左右轮播、滑动*/
.pageslide { overflow: hidden; position: relative; }
.pageslide ul { height: 100%; }
.pageslide li { display: inline-block; height: 100%; overflow: hidden; position: relative; }
.pageslide li img { width: 100%; }
.pageslide h2 { text-align: center; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 0.3rem; line-height: 0.3rem; background: url(../img/albg.png); }

.pageslide ol { position: absolute; bottom: 0.36rem; left: 0; right: 0; text-align: center; z-index: 1; }
.pageslide ol li { width: 0.26rem; height: 0.26rem; margin: 0 5px; display: inline-block; background-color: white; border-radius: 50%; }
.pageslide ol li.current { background-color: red; }

.icon .plus { background: url(../img/icon/plus.png) no-repeat center center; }


/*加载等待框*/
.loadbox { padding: 0.2rem; padding-left: 1.04rem; height: 1.04rem; position: fixed; top: 50%; left: 50%; margin-left: -0.52rem; margin-top: -0.42rem; background: rgba(0, 0, 0, 0.9) url(../img/sys/loadbox.gif) no-repeat 0.2rem 0.2rem;; background-size: 0.64rem; border-radius: 7px; display: none; z-index: 11; line-height: 0.64rem; }
.loadbox.text span { color: white; font-size: 0.24rem; }
